<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>新建地址</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
     <!-- 最新 地区 CSS 文件 -->
    <link rel="stylesheet" href="css/area.css">
    <!-- 最新 删除提示 CSS 文件 -->
    <link rel="stylesheet" href="css/save-tip.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <div class="tongdui-wrapper">
        <!-- 顶部 -->
        <div class="top-nav clearfix cart-nav">
            <div class="top-nav-left">
                <a href="" class="iconfont">&#xe64a;</a>
            </div>
            <div class="top-nav-center">
                新建地址   
            </div>
        </div>

        <!-- 新增地址 -->
        <div class="adding-address">
            <form action="">
                <div class="form-group">
                    <label for="">收货人</label>
                    <input type="text" placeholder="请输入真实姓名" value="喧哗纷纷">
                </div>
                <div class="form-group">
                    <label for="">手机号码</label>
                    <input type="tel" placeholder="请输入手机号码" value="12345678901">
                </div>
                <div class="form-group">
                    <label for="">确认手机号码</label>
                    <input type="text" placeholder="请再次输入手机号码" value="12345678901">
                </div>
                <div class="form-group">
                    <label for="">省市区</label>
                    <input class="" type="text" placeholder="选择省市区/县" id="city-picker" value="北京 北京市 西城区">
                </div>
                <div class="form-group">
                    <label for="">详细地址</label>
                    <input type='text' placeholder="请输入收货人的详情地址" class="" value="浮光大道118号">
                </div>
                <div class="adding-check clearfix">
                    <input type="checkbox" class="left" checked>   
                    <div class="left set-address">是否默认为收货地址</div>
                </div>
                <div class="adding-action">
                    <input type="submit" value="清空地址" class="aclear">
                    <input type="submit" value="保存地址" class="asave">   
                </div>
            </form>
        </div>
    </div>
    
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 地区选择 js-->
    <script src="js/area-select.js"></script>
    <script src="js/area.js"></script>
    <script>
        $("#city-picker").cityPicker({
            title: "选择省市区/县",
            onChange: function (picker, values, displayValues) {
                console.log(values, displayValues);
            }
        });
    </script>

</body>
</html>
